page {
  padding-bottom: 140rpx;

}

.detail-swiper {
  margin-top: 20rpx;

  swiper {
    height: 65vw;
    text-align: center;
  }
}

.detail-info {
  margin-top: 20rpx;
  background-color: #fff;
  padding: 20rpx;
  position: relative;

  .title {
    font-weight: 600;
    font-size: 34rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10rpx;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;

  }

  .desc {
    font-size: 30rpx;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;

    color: #999;
  }
}

.add {
  position: absolute;
  right: 20rpx;
  bottom: 20rpx;
  padding: 10rpx 20rpx;
  border-radius: 40rpx;

  text {
    font-size: 30rpx;
    // color: #fff;
  }
}

.price-wrapper {
  margin-top: 20rpx;
}

.price {
  display: inline-block;
  color: #f3552e;
  font-weight: 600;
  font-size: 34rpx;
}

.original-price {
  display: inline-block;
  margin-left: 5PX;
  font-size: 28rpx;
  text-decoration: line-through;
  color: #969799;
}

.row {
  display: flex;
}

.specification {
  background: #fff;
  padding: 20rpx;
  margin-top: 20rpx;
  padding-bottom: 0;

  .title {
    height: 100rpx;
    line-height: 100rpx;
    font-size: 36rpx;
    font-weight: 600;
    border-bottom: 1px dashed #d8d8d8;
  }

  .row {
    height: 100rpx;
    line-height: 100rpx;
    border-bottom: 1px dashed #d8d8d8;

    &:last-child {
      border-bottom: none;
    }

    .col {
      font-size: 32rpx;
      color: #999999;

      &:first-child {
        width: 30%;
      }
    }
  }

}

.cart {
  position: fixed;
  width: 100%;
  bottom: 0;
  padding: 25rpx 30rpx;
  background-color: #ffffff;
  z-index: 102;
}

.richText {
  padding-bottom: 40rpx;
}